<?=template(array('_layout/_header','_layout/_topmenu')) ?>
<script type="text/javascript">
	$(document).ready(function(){
		$("table td:first").css('width', '400px');
		$("#add_key").click(function(){
			$("#save_items table").append("<tr><td><input type='text' value='NAME' class='newfield' onchange='setname(this);' /></td><td><input type='text' class='newfield' value='VALUE' /></td></tr>");
		});
		$("#reset_form").click(function(){
			$("#save_items .newfield").remove();
		});
	});
	function setname(o){
		$("input", $(o).parent().next()).attr("name", $(o).val());
	}
</script>
<style type="text/css">

#content {
 background-color: #fff;
 margin: 40px;
 font-family: Lucida Grande, Verdana, Sans-serif;
 font-size: 12px;
 color: #4F5155;
}

#content a {
 color: #003399;
 background-color: transparent;
 font-weight: normal;
}

#content h1 {
 color: #444;
 background-color: transparent;
 font-size: 16px;
 font-weight: bold;
 margin: 24px 0 2px 0;
 padding: 5px 0 6px 0;
}

#content code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}

#content table{
	width: 100%;
}
#content table td{
	vertical-align: middle;
}
#content input{
	width: 100%;
}

#content .tiny{
	font-size: 10px;
}

#content .logout{
	margin-top: 50px;
}

#content h2{
	font-size: 14px;
}
#content .ok, #content .error{
	width: 90$;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #0071C3;
	color: #fff;
	padding: 0 5px;
}
#content .error{
	background: #f00;
}
#content a.remove{
	font-size: 10px;
	text-decoration: none;
	border: #ccc 1px solid;
	padding: 0 2px;
	color: #ccc;
}
#content a.remove:hover{
	background: #ff0;
}
#content a.newfile{
	border: 1px #ccc solid;
	padding: 2px 5px;
	text-decoration: none;
	font-size: 10px;
}
</style>
<div id="content">
	<div class="container_12">
		<h1>i18n Manager</h1>
		<?php echo $html; ?>
		<p class="tiny logout"><a href="/language_editor/logout">Finish the translation process - Logout</a></p>
	</div>
</div>
<?=template('_layout/_footer.php')?>